@charset "utf-8";
*{margin:0;padding:0;border:none}
body{max-width:640px;width:100%;margin:0 auto;font-size:8pt; font-family:"微软雅黑"; line-height:14pt;}
.cl{clear:both}
.m_top{z-index:99}
/*搜索*/
.inner_input{position:relative;margin-left:15px;float:left; width: 73%;}
.inner_top{height:42px;width:100%;max-width:640px;z-index:99;border-bottom: 1px solid #ebebeb;}
.inner_top input{width:100%;height: 32px;border:1px solid #e2e4eb;margin-top: 5px;border-radius:3px;outline:none;font-size:12px;padding-left:9px;color:#999; font-family: "微软雅黑";}
.list_icon{display:block;float:left; background:url("../images/list_icon.png") no-repeat;background-size:41px auto;}
.searchicon{position:absolute;top:14px;right:19px;width:16px;height:16px;background-position:-13px 0;cursor:pointer}
.map_icon{width:11px;height:16px;margin:7px 5px}
.go_map{font-size:15px;color:#ff5200;margin-top:7px;float:right;line-height:30px;margin-right:10px;text-align:center;text-decoration:none;margin-right:15px}
/*筛选条件*/
.coloron{color:#ff5200}
.fixtop{ position:fixed !important;top:0;}
.borderrn{border-right:none !important}
.select_fixtop{ position:fixed !important;top:40px}
.filter{width:100%;max-width:640px;height: 40px;line-height: 40px;background-color:#fff;font-size:10pt; color:#555555;border-top: 1px solid #eaeaeb;border-bottom: 1px solid #eaeaeb; z-index:99}
.filter33{}
.filter_item{width:24%;float:left; text-align:center; position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height: 40px;height: 40px;z-index:1; cursor: pointer;}
.filter_item33{width:33%;float:left; text-align:center; position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height: 40px;height: 40px;z-index:1; cursor: pointer;}
.fillter_text{border-right: 1px solid #eaeaeb;height: 40px;line-height:40px;padding: 0 5px;}
.filter_item33 .fillter_text{
}
.fillter_text span{display: inline-block;max-width: 90%;padding-right: 13px;position: relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:  #000;}
/*.arrow{position:absolute;top:18px;right:9px;font-size:0;height:0;width:0;border-width:4px 4px 0;border-style:solid dashed;border-color:#999 transparent transparent;overflow:hidden;    -webkit-transition:all .4s ease 0s;-moz-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;transition: all .4s ease 0s;}*/
.fillter_text  span.active{color: #ff5200;}
.fillter_text span:after{content:'';position:absolute; width: 0; height: 0; border-style: solid; border-width: 4px; border-color: #cccfd8 transparent transparent transparent;right:0; top: 50%;margin-top: -2px;}
.fillter_text  span.active:after{border-color:transparent transparent #ff5200 transparent;margin-top:-6px;}
.bgarrow{ position:absolute;margin-left:-5px;width:10px; display:none; z-index:2;top:35px;left:50%;}
.fillter_select{display:none;min-height:100%;max-width:640px;position:absolute;top: 210.5px;width:100%; font-size:10pt; /*border-top: 1px solid #e0e0e0;*/color:#555555;background: rgba(0, 0, 0, 0.48);overflow-y:hidden;z-index:99}
.fillter_1{width: 24%;float:left;height:300px;overflow:auto;background-color:#fff;z-index:999;border-right: 1px solid #e0e0e0;margin-left: -1px;}
.fillter_2{width:50%;float:left;height:300px;overflow:auto;background-color:#fff;z-index:999}
.fillter_3{width: 76%;float:left;height:300px;overflow:auto;background-color:#fff;z-index:999;}
.fillter_4{width:100%;/*float:left;*/height:300px;overflow:auto;background-color:#fff;z-index:999}
.fillter_select ul{list-style:none;/* padding:0 8px; *//* border-right:1px solid #999; */z-index:999;}
.fillter_select li{line-height: 20px;padding:10px 0;/* border-bottom: 1px solid #eaeaeb; */text-align:center;z-index:9999;cursor:pointer;}
.fillter_select li.active{color: #ff5200; border: 1px solid #ff5200;}
.fillter_select li.on{color:#ff5200;background: #f7f7f7;}
.fillter_select li.on i{border-left: 2px solid #ff5200;display: block;float: left;height: 20px;}
.more_block,.area_block{height:300px;display:none;background-color:#fff;z-index:999; position: relative;}
.arealist,.subwaylist,.schoollist,.areaItem,.exits,.layout,.school {display:none}

/* 二手房列表页专题入口 */
.eventInlet{
    overflow: hidden;
    padding: 15px 10px;
}
.eventInlet li{
    float: left;
    width: 33.33%;
    text-align: center;
}
.eventInlet li a{}
.eventInlet li a img{
    width: 35px;
    height: 36px;
}
.eventInlet li a p{}
.eventInlet li:last-child{}

/* 二手房列表页四个筛选项啦 */
.outside{
    background:  #fff;
    padding-bottom: 6px;
    width:  96%;
    padding: 0 2% 6px 2%;
}
.outside a{
    width: 23%;
    display:  inline-block;
    text-align:  center;
    color:  #585858;
    margin: 0.5rem 0.6% 0 0.6%;
    background:  #f6f6f6;
    line-height: 1.5rem;
    border-radius: 4px;
}
.outside a:last-child{margin-right:0}
.outside a.active{background: url(../images/esfactive_03.jpg) no-repeat -14px 0px;background-size:  cover;color:  #ff5200;}
.guessList{background:#fff;padding: 10px;}

.layout{padding-bottom: 40px;}
.layout ul{display: block;padding: 0 8px;padding-bottom: 10px;border-bottom: 1px solid #dfdfdf;overflow: hidden;}
.layout ul h3{display: block;margin: 10px auto;font-size: 14px;color: #666;}
.layout li{display: block;  float: left; font-size: 12px; width: 22%; padding: 0; margin:1.5% 1%; line-height: 25px; border-bottom: none; border: 1px solid #ccc; border-radius: 5px; overflow: hidden;}
.btn{display: block; width: 100%; max-width: 640px; padding: 10px 0; text-align: center; background: #fff; border-top: 1px solid #eee; position: absolute; top: 289px; z-index: 99999;}
.btn button{width: 47%;margin: 0 1%;padding: 2% 0;font-size: 16px;border-radius: 5px;font-family: "微软雅黑";outline: none;border:  none;}
.btn .empty{background: #eee; color: #999;}
.btn .confirm{background: #ff5200; color: #fff;}

.lay{padding-bottom: 0;}
.lay ul{padding-bottom: 0; border-bottom: none;}
.lay li{float: none; font-size: 10pt; width: 100%; padding: 10px 0; margin:0; line-height: 25px; border:none;  border-bottom: 1px solid #e0e0e0;  border-radius: 5px; overflow: hidden;}

.total{display: block; width: 80%; margin: 0 auto; line-height: 20px; padding: 10px 0;}
.total input{width: 20%; padding: 2px; border: 1px solid #ccc; margin: 0 10px; text-align: center; font-family: "微软雅黑";}
.btn_p{background: #999; color: #ccc; padding: 2px 10px; border-radius: 5px; margin-left: 10px; font-family: "微软雅黑";}

.list .no_info{display: block; margin: 25% auto; text-align: center; font-size: 15px; color: #c8c8c8; overflow: hidden;}
.list .no_info p{background: url(../images/house_bg.jpg) no-repeat top center; background-size: 80px auto; padding-top: 80px;}
.list .no_info a{
    display: block;
    width: 180px;
    margin: 15px auto;
    line-height: 40px;
    border: 1px solid #e2e2e2;
    color: #c8c8c8;
    /* border:0 !important; */
    width: 135px;
    height:39px;
    /* background: url(../images/btn.png); */
    background-size:100%;
}

/*美洽按钮*/
.mqbtn{display: none;width: 40px;height: 40px;position: fixed;right: 4%;bottom: 15%;background: url(../images/mq_btn.png) no-repeat;background-size: 100% 100%;cursor: pointer;outline: none;}

/* 小区列表页 */
.region_address span{display: inline-block;float: left;margin-top: 3px;}
.region_address span:nth-child(3){
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tenSpan{    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.rightinfo .title{
}
.rightinfo .address,.rightinfo .address span{
    color:  #000;
}
.rightinfo .address123{
    color: #a1a1a1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rightinfo .address s{
    padding: 2px 3px;
}
.region_address .villagePrice{
    font-size: 12pt;
    color: #ff5200;
    margin: 2px 0;
    display:  block;
    font-weight: bold;
    float: right;
}
.villagePrice em{
    font-style:  normal;
    font-weight:  bold;
}
.villagePrice s{
    font-size: 8pt;
}

/* 没有符合条件时显示的帮你找房/清空条件按钮 */
.list .no_info p{background: url(../images/none.png) no-repeat top center !important;background-size: 37px !important;padding-top: 58px !important;color: #757575;}

.list .no_info .bnzfBtnNo{
    display: block;
    width: 92px;
    margin: 10px auto;
    line-height: 32px;
    border: 1px solid #e2e2e2;
    color: #000;
    background: url(../images/esfbnzf.jpg) no-repeat center;
    margin-right: 0%;
    background-size: cover;
    float: left;
    margin-left: 13%;
    padding-left: 16px;
    margin-top: 16px;
    font-size: 13px;
    color: #000;
    height: 32px;
}
.clearBtnNo{
    display: block;
    width: 180px;
    margin: 10px auto;
    line-height: 32px;
    border: 1px solid #e2e2e2;
    color: #c8c8c8;
    background: url(../images/esfqktj.jpg) no-repeat center;
    width: 25.4%;
    background-size: cover;
    float: left;
    margin-left: 13%;
    padding-left: 16px;
    margin-top: 16px;
    font-size: 13px;
    color: #000;}
.xfmore_block{ height: 100%}
.list .no_info_new{display: block; margin: 25% auto; text-align: center; font-size: 15px; color: #c8c8c8; overflow: hidden;}
.list .no_info_new p{background: url(../images/house_bg.jpg) no-repeat top center; background-size: 80px auto; padding-top: 80px;}
.list .no_info_new a{
    display: block;
    width: 180px;
    margin: 15px auto;
    line-height: 40px;
    border: 1px solid #e2e2e2;
    color: #c8c8c8;
    /* border:0 !important; */
    /* width:135px !important; */
    /* height:39px; */
    /* background: url(../images/btn.png); */
    background-size:100%;
}
.list .no_info_new a{
    display: block;
    width: 180px;
    margin: 15px auto;
    line-height: 40px;
    border: 1px solid #e2e2e2;
    color: #c8c8c8;
    border:0 !important;
    width:135px !important;
    height:39px;
    background: url(../images/btn.png);
    background-size:100%;
}
.list .no_info_new p{background: url(../images/none.png) no-repeat top center !important;background-size: 37px !important;padding-top: 58px !important;color: #757575;}
.list .no_info_new .bnzfBtnNo{
    display: block;
    width: 180px !important;
    margin: 10px auto;
    line-height: 32px;
    border: 1px solid #e2e2e2 !important;
    color: #000;
    background: url(../images/esfbnzf.jpg) no-repeat center;
    width: 19% !important;
    background-size: cover;
    float: left;
    margin-left: 18%;
    margin-right: 0%;
    padding-left: 25px;
    margin-top: 16px;
    font-size: 13px;
    height: auto;
}
.news_description{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}

/* 二手房列表页四个专题广告展示 */
.listBanner{
    overflow: hidden;
    margin-bottom: 8px;
    min-width: 320px;
    margin: 15px auto;
    width: 96%;
}
.listBanner li{
    float: left;
    width: 48.5%;
    /* height: 55px; */
    margin-right: 3%;
    margin-bottom:7px;
}
.listBanner li:nth-child(2n){margin-right: 0;}
.listBanner li a{
    display: block;
}
.listBanner li img{
    width: 100%;
}

.topBannerSwiper{
    display: block;
    overflow: hidden;
    margin-bottom: 8px;
    min-width: 320px;
    margin: 15px auto 0 auto;
    width: 95%;
    height: 75px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.topBanSwiperCont{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.topBanSwiperCont>div{
    
}
.topBanSwiperCont .swiper-slide{border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.topBanSwiperCont .swiper-slide a{
    display: block;
    width: 100%;
    position: relative;
    height: 75px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.topBanSwiperCont .swiper-slide img{
    width: 100%;
    height: 100%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.topBannerIcon{
    display: block;
    width: 29px;
    height: 16px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.topBannerIcon1{
    background: url(../images/seclistswipericon1.png) top center;
    background-size: 100% 100%;
}
.topBannerIcon2{
            background: url(../images/seclistswipericon2.png) top center;
            background-size: 100% 100%;
}
.topBannerSwiper .swiper-pagination{
    width: 150px !important;
    left: 50% !important;
    bottom: 10px !important;
    margin-left: -75px;
    height: 8px;
}
.topBannerSwiper .swiper-pagination span{
    width: .3125rem;
    height: .3125rem;
}
.topBannerSwiper .swiper-pagination-bullet{
    background: rgba(255, 255, 255, 0.4);
    opacity: 1;
}
.topBannerSwiper .swiper-pagination-bullet-active{
    background: #fff;
}
.functionBtn{
    overflow: hidden;
    padding: 24px 0 9px 0;
}
.functionBtn li{
    float: left;
    width: 25%;
    text-align: center;
}
.functionBtn li a{
    display: block;
    color: #333;
    font-size: 12px;
}
.functionBtn li a img{
    width: 37px;
    height: 37px;
}










